<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">


<ui:composition template="/Template.xhtml">
	<ui:define name="menu">
		<table border="0" cellpadding="0" cellspacing="0" width="100%">
			<tr height="20">
				<td background="./Images/menu_hg.jpg" width="22" />
				<td background="./Images/menu_h.jpg" width="100" />
				<td background="./Images/menu_hm00.jpg" width="40" />
				<td background="./Images/menu_h.jpg" width="190" />
				<td background="./Images/menu_hd.jpg" width="21" />
				<td width="164"/>
				<td background="./Images/menu_hg.jpg" width="22" />
				<td background="./Images/menu_h.jpg" width="105" />
				<td background="./Images/menu_hm00.jpg" width="40" />
				<td background="./Images/menu_h.jpg" width="130" />
				<td background="./Images/menu_hm01.jpg" width="40" />
				<td background="./Images/h.jpg" width="105" />
				<td background="./Images/hd.jpg" width="21" />
			</tr>
			<tr height="35">
				<td background="./Images/menu_g.jpg" width="22" />
				<td bgcolor="#C7AFBD" valign="top"><a class="menu" href="./AnnoncesRecherche.jsf">Rechercher</a></td>
				<td background="./Images/menu_m00.jpg" width="40" />
				<td bgcolor="#C7AFBD" valign="top"><a class="menu" href="./AnnoncesChercheurNouvelle.jsf">Ajouter une annonce</a></td>
				<td background="./Images/menu_d.jpg" width="21" />
				<td />
				<td background="./Images/menu_g.jpg" width="22" />
				<td bgcolor="#C7AFBD" valign="top"><a class="menu" href="./AnnoncesChercheurFavorites.jsf">Mes favoris</a></td>
				<td background="./Images/menu_m00.jpg" width="40" />
				<td bgcolor="#C7AFBD" valign="top"><a class="menu" href="./AnnoncesChercheurPerso.jsf">Mes annonces</a></td>
				<td background="./Images/menu_m01.jpg" width="40" />
				<td bgcolor="#F8F2DA" valign="top"><a class="menuselect" href="./Panier.jsf">Mon panier</a></td>
				<td background="./Images/d.jpg" width="21" />
			</tr>
			<tr height="20">
				<td background="./Images/menu_bg.jpg" width="22" />
				<td background="./Images/menu_b.jpg" />
				<td background="./Images/menu_bm00.jpg" width="40" />
				<td background="./Images/menu_b.jpg" />
				<td background="./Images/menu_mg.jpg" width="21" /> 
				<td background="./Images/h.jpg"/>
				<td background="./Images/menu_md.jpg" width="22" />
				<td background="./Images/menu_b.jpg" />
				<td background="./Images/menu_bm00.jpg" width="40" />
				<td background="./Images/menu_b.jpg" />
				<td background="./Images/menu_bm01.jpg" width="40" />
				<td bgcolor="#F8F2DA" />
				<td background="./Images/d.jpg" width="21" />
			</tr>
		</table>
	</ui:define>

	<ui:define name="page">
		<table>
			<tr>
				<td align="right"><span style="color:#aeaeac">Coordoonées de facturation</span></td>
				<td width="15"></td>
				<td>Confirmation du payement</td>
			</tr>
		</table>
		<h1>Confirmation du payement</h1>
		<h:form>
			<h1>Liste des options sélectionnées</h1>
			<h:dataTable value="#{panierSessionBean.listeAchat}" var="setOption"
				id="TOptions" cellspacing="0">
				<h:column>
					<f:facet name="header">Titre Annonce</f:facet>
				    #{setOption.titreAnnonce}
				  </h:column>

				<h:column>
					<f:facet name="header">Nom option</f:facet>
				    #{setOption.optionPanyante.nom}
				  </h:column>
			 <h:column>
					<f:facet name="header">Durée de vie</f:facet>
				    #{setOption.optionPanyante.dureedevie}
				  </h:column>
				<h:column>
					<f:facet name="header">Prix option</f:facet>
				    #{setOption.optionPanyante.prix}
				</h:column>		
			</h:dataTable>
			<br/>
			<br/>
			<h:outputLabel value="Total:"/>
			<h:outputText value="#{panierSessionBean.total}"/>
		</h:form>
<br/><br/>
		<h:form>
			<h:commandButton value="Annuler" action="Panier" />
		</h:form>
		
		<h:form>
			<h:commandButton value="Valider" action="#{panierSessionBean.validationPayement}" />
		</h:form>
		</ui:define>
		</ui:composition>
</html>